
//Подключаем селекторы

$(document)
  .ready(function() {

    $('.filter.menu .item')
      .tab()
    ;
    
//    $('.ui.menu .item')
//      .on('click', (function() {
//      
//       $(this)
//            .removeClass('active item')
//            .removeClass('item')
//            .addClass('header item')
//            .closest('.ui.menu')
//          ;
//      }))
//    ;

    $('.ui.rating')
      .rating({
        clearable: true
      })
    ;

    $('.ui.sidebar')
      .sidebar('attach events', '.launch.button')
     
    ;

    $('.ui.dropdown')
      .dropdown()
    ;

  })
                 
;

$(function(){
   $("#sortable1").sortable({
  	items: 'li',
  	containment: 'parent'
  });

});


  $(function() {

	var database = openDatabase("speckyboy","1.0","Моя первая БД",1024*1024*5);
	// Создаем таблицу
	var createTable = function(){
            var database = openDatabase("speckyboy","1.0","Моя первая БД",1024*1024*5);
		database.transaction(function(tx){
			tx.executeSql("CREATE TABLE IF NOT EXISTS todo (ID INTEGER PRIMARY KEY ASC,todo_item TEXT,due_date VARCHAR,past_date VARCHAR,todo_status TEXT,todo_prioriter TEXT,todo_assign TEXT,todo_tag TEXT)", []);
                         
                       // tx.executeSql("DROP TABLE todo", []);
                        //добавил поля: past_date VARCHAR,todo_status TEXT,todo_prioriter TEXT,todo_assign TEXT, todo_tag TEXT
		});
	}

	// функция добавления записи
	var addTodo = function(todoItem,todoStatus,todoPrioriter,todoAssign,todoTag,dueDate,pastDate){
            var database = openDatabase("speckyboy","1.0","Моя первая БД",1024*1024*5);
		database.transaction(function(tx){
			 tx.executeSql("INSERT INTO todo (todo_item,due_date,past_date,todo_status,todo_prioriter,todo_assign,todo_tag) VALUES (?,?,?,?,?,?,?)", [todoItem,todoStatus,todoPrioriter,todoAssign,todoTag,dueDate,pastDate],
			 showAllTodo(todoItem,todoStatus,todoPrioriter,todoAssign,todoTag,dueDate,pastDate));
		});
	}
	
	
	// получение данных из БД
	var getTodo = function(){
            var database = openDatabase("speckyboy","1.0","Моя первая БД",1024*1024*5);
		database.transaction(function(tx){
			tx.executeSql("SELECT * FROM todo", [], function(tx,result){
				for (var i=0; i < result.rows.length; i++) {
					todo_item = result.rows.item(i).todo_item;
					todo_status = result.rows.item(i).todo_status;
                                        todo_prioriter = result.rows.item(i).todo_prioriter;
                                        todo_assign = result.rows.item(i).todo_assign;
                                        todo_tag = result.rows.item(i).todo_tag;
					todo_id = result.rows.item(i).ID;
                                        todo_due_date = result.rows.item(i).due_date;
                                        todo_past_date = result.rows.item(i).past_date;
					showAllTodo(todo_item,todo_status,todo_prioriter,todo_assign,todo_tag,todo_due_date,todo_past_date,todo_id);
				}
			});
		});
	}

	// удаление записей из таблицы 
	var deleteTodo = function(id){
            var database = openDatabase("speckyboy","1.0","Моя первая БД",1024*1024*5);
		database.transaction(function(tx){
			tx.executeSql("DELETE FROM todo WHERE ID=?",[id]);
		});
	}


	var getFields = function(){
            var database = openDatabase("speckyboy","1.0","Моя первая БД",1024*1024*5);
		database.transaction(function(tx){
			tx.executeSql("SELECT * FROM todo WHERE todo_status=12", [], function(tx,result){
				for (var i=0; i < result.rows.length; i++) {
					todo_item = result.rows.item(i).todo_item;
					todo_status = result.rows.item(i).todo_status;
                                        todo_prioriter = result.rows.item(i).todo_prioriter;
                                        todo_assign = result.rows.item(i).todo_assign;
                                        todo_tag = result.rows.item(i).todo_tag;
					todo_id = result.rows.item(i).ID;
                                        todo_due_date = result.rows.item(i).due_date;
                                        todo_past_date = result.rows.item(i).past_date;
				showAllTodo(todo_item,todo_status,todo_prioriter,todo_assign,todo_tag,todo_due_date,todo_past_date,todo_id);
				}
			});

//tx.executeSql("DROP TABLE todo", []);
		});
	}


	// событие добавление новой записи
	$('#create_todo').click(function(){
		var todo_item_text = $('#todo_item_text').val();
		
                var todo_status_text = $('#todo_status_text').val();
                var todo_prioriter_text = $('#todo_prioriter_text').val();
                var todo_assign_text = $('#todo_assign_text').val();
                var todo_tag_text = $('#todo_tag_text').val();
                var todo_due_date = $('#todo_due_date').val();
                var todo_past_date = $('#todo_past_date').val();
                
	
		if(todo_item_text.length == '' 
//                        ||  todo_due_date.length == ''
            )
		{
			alert('Заполните все поля!');
		}
		else
		{
		addTodo(todo_item_text,todo_status_text,todo_prioriter_text,todo_assign_text,todo_tag_text,todo_due_date,todo_past_date);
			$('#todo_item_text').val('');
                        $('#todo_status_text').val('');
                        $('#todo_prioriter_text').val('');
                        $('#todo_assign_text').val('');
                        $('#todo_tag_text').val('');
			$('#todo_due_date').val('');
                        $('#todo_past_date').val('');
		}
	});

	// размещаем созданные записи на странице 
	var showAllTodo = function (todo_item,todo_status,todo_prioriter,todo_assign,todo_tag,todo_due_date,todo_past_date,todo_id){
	$('ul.tdlist').append(
		'<li class="todo_text2">\n\
                <span class="todo_item"><span class="todo_name">' + todo_item + '</span>' +
		'<span class="todo_status">' + todo_status + '</span>'  +
		'<span class="todo_prioriter">' + todo_prioriter + '</span>'   +
		'<span class="todo_assign">' + todo_assign + '</span>'  +
		'<span class="todo_tag">' + todo_tag + '</span>'   +
		'<span class="todo_due_date">' + todo_due_date + '</span>'  +
                '<span class="todo_past_date">' + todo_past_date + '</span>' +
                '<span class="todo_delete">'+ '<a href="#" id="delete"> Удалить </a>' + '</span>'+ '<span class="id">' + 
		'<input id="this_id" value="' + todo_id + '" type="hidden"><div class="clear"></div></div></li>'); 
  //             	$('li:last').addClass('highlight').delay(1000).queue(function(next){ $(this).removeClass('highlight'); next(); });
                
            
                    
        
//               $('span').filter('.todo_status').css("background","blue");
//             $('span:contains("asd")').css("text-decoration", "underline"); 
//             $('li').hide();
//    var array = $(".todo_text2").find("asd");
//    array.css('background-color', 'silver');
/*
var array = $(".todo_text2").filter(function(){
        if($('span:contains("asd")')) { return true;}
        else {return false;}
    });
    array.css('background-color', 'silver');
                 */
	}
    
//$( ".list" ).sortable({ disabled: false });
//$( ".list" ).disableSelection();
// $(".list").sortable({ handle:'li' });   
// $(".list").sortable({ appendTo: ".list" });
      
	// событие клик по кнопке удалить
//	$('#delete').on("click", function(){
//		var id = $(this).closest('li').find('#this_id').val();
//		$(this).closest('li').addClass('highlight').delay(1000).queue(function(next){ 
//                    $(this).remove(); 
//                    next(); 
//                });
//		deleteTodo(id);
//	});
	$(document).on("click", "#delete", function(){ 
            
           var id = $(this).closest('li').find('#this_id').val();
		$(this).closest('li').addClass('highlight').delay(1000).queue(function(next){ 
                    $(this).remove(); 
                    next(); 
                });
		deleteTodo(id);
        
        
        });        // jQuery 1.7+
        
        $('#todo_status_head').click(function(){
		
                $('.todo_text2').hide();
		getFields();
                
	});
	
       $('.tdlist').sortable();
//                $('.todo_text2').draggable(); 

$('.ui.tiered.menu').css('display', 'none');

        
           /*
    * LOVELY THINGS
    

    var options = {
	    valueNames: [ 'todo_prioriter', 'todo_status' ]
    };

    var featureList = new List('wrapper', options);

    $('#filter-games').click(function() {
        featureList.filter(function(item) {
            if (item.values().todo_status == "13") {
                return true;
            } else {
                return false;
            }
            speckyboy.init.getTodo();
        });
        return false;
    });

    $('#filter-beverages').click(function() {
      $("div:contains('asd')").css("text-decoration", "underline");
    });
    $('#filter-none').click(function() {
//       featureList.filter();
//        return false;  
        speckyboy.init.getTodo();
        $("span:contains('asd')").css("text-decoration", "underline");
        
    });
       */ 
        
	function init(){
		if(typeof(openDatabase) !== 'undefined')
		{
			
			createTable();
			getTodo();
                       		}
		else
		{
			$('#bodyWrapper').html('<h2 class="error_message"> Ваш браузер не поддерживает технологию Web SQL </h2>');
		}
	}
	init();
        
        });
		
jQuery(function datepick($) {	
	// Календарь для выбора даты
	$('#todo_due_date').datepicker({
                "dateFormat":"dd.mm.yy",
		"dayNamesMin":["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],
		"dayNames":["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],
		"firstDay":"1",
		"monthNames":["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],
		"nextText":"Следующий",
		"prevText":"Предыдущий",
                "beforeShow": function(input) {
      $(input).css("background-color","#ff9");
      $(input).datepicker('setDate',"0");
                }});
              

       // Календарь для выбора даты
	$('#todo_past_date').datepicker({
		"dateFormat":"dd.mm.yy",
		"dayNamesMin":["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],
		"dayNames":["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],
		"firstDay":"1",
		"monthNames":["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],
		"nextText":"Следующий",
		"prevText":"Предыдущий",
        "beforeShow": function(input1) {
      $(input1).css("background-color","#ff9");
      $(input1).datepicker('setDate',"0");
        
		}});
	
});